<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title>首页</title>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/index.js"></script>
    <script src="header.html"></script>
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_759899_9yt5yeq53w9.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<div class="container">
    <!--头部(搜索框和导航栏)-->
    <div id="headers"></div>
    <!--轮播图一-->
    <div class="banner">
        <div class="swiper-container" id="swiper-container1">
            <div class="parallax-bg" data-swiper-parallax="-23%"></div>
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="text" data-swiper-parallax="-300">

                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="text" data-swiper-parallax="-300">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="text" data-swiper-parallax="-300">
                    </div>
                </div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination swiper-pagination-white"></div>
            <!-- Add Navigation -->
            <div class="swiper-button-prev swiper-button-white"></div>
            <div class="swiper-button-next swiper-button-white"></div>
        </div>
    </div>
    <!--商品栏-->
    <div class="shop-item">
        <!--锚点栏,对整个页面进行定位-->
        <div class="fix-nav">
            <ul>
                <li id="roll">团购</li>
                <li id="intelligence">智选</li>
                <li id="brand">品牌精选</li>
                <li id="game">电子竞技</li>
                <li id="home">家电优选</li>
                <li id="digital">数码潮品</li>
                <li id="weekHot">本周热销</li>
                <li id="top">回顶部^</li>
            </ul>
        </div>
        <!--团购栏-->
        <div class="tuangou">
            <div class="little-header">
                <div>
                    <p><i class="iconfont icon-tuan"></i>  团购<span class="little"> 热门、低价、买实惠</span></p>
                </div>
                <div>
                    <span class="little">更多 <span class="iconfont icon-xiangyouyuanjiantouyoujiantouxiangyouxianxing"></span></span>
                </div>
            </div>
            <div class="swiper-container" id="swiper-container2">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="left">
                            <span>华为 mate10 128G</span>
                            <br>
                            <span class="little">官方正品</span>
                            <br>
                            <br>
                            <i class="iconfont icon-renminbi"></i><span class="price">3200</span>
                            <br>
                            <span class="little">剩余: <i class="red">0</i> 天<i class="red">0</i> 时<i class="red">0</i> 分<i class="red">0</i> 秒</span>
                        </div>
                        <div class="right">
                            <img src="images/荣耀畅玩7A.jpg" alt="">
                        </div>
                        <div class="hover">
                            <div class="hover-left">
                                <img src="images/荣耀畅玩7A.jpg" alt="">
                                <br>
                                <span>评测 | 视频 | 点评</span>
                            </div>
                            <div class="hover-right">
                                <span>华为 mate10 128</span>
                                <br>
                                <span class="little">团购价:</span><i class="iconfont icon-renminbi"></i><span class="price">3200</span>
                                <br>
                                <span class="little">电竞参考价:<i class="iconfont icon-renminbi"></i>--</span>
                                <br>
                                <a href="#">去团购</a>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="left">
                            <span>AOC高清显示屏</span>
                            <br>
                            <span class="little">官方正品</span>
                            <br>
                            <br>
                            <i class="iconfont icon-renminbi"></i><span class="price">200</span>
                            <br>
                            <span class="little">剩余: <i class="red">0</i> 天<i class="red">0</i> 时<i class="red">0</i> 分<i class="red">0</i> 秒</span>
                        </div>
                        <div class="right">
                            <img src="images/AOC高清显示器.jpg" alt="">
                        </div>
                        <div class="hover">
                            <div class="hover-left">
                                <img src="images/AOC高清显示器.jpg" alt="">
                                <br>
                                <span>评测 | 视频 | 点评</span>
                            </div>
                            <div class="hover-right">
                                <span>AOC高清显示屏</span>
                                <br>
                                <span class="little">团购价:</span><i class="iconfont icon-renminbi"></i><span class="price">3200</span>
                                <br>
                                <span class="little">电竞参考价:<i class="iconfont icon-renminbi"></i>--</span>
                                <br>
                                <a href="#">去团购</a>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="left">
                            <span>耕升游戏显卡</span>
                            <br>
                            <span class="little">官方正品</span>
                            <br>
                            <br>
                            <i class="iconfont icon-renminbi"></i><span class="price">--</span>
                            <br>
                            <span class="little">剩余: <i class="red">0</i> 天<i class="red">0</i> 时<i class="red">0</i> 分<i class="red">0</i> 秒</span>
                        </div>
                        <div class="right">
                            <img src="images/耕升游戏显卡.jpg" alt="">
                        </div>
                        <div class="hover">
                            <div class="hover-left">
                                <img src="images/耕升游戏显卡.jpg" alt="">
                                <br>
                                <span>评测 | 视频 | 点评</span>
                            </div>
                            <div class="hover-right">
                                <span>耕升游戏显卡</span>
                                <br>
                                <span class="little">团购价:</span><i class="iconfont icon-renminbi"></i><span class="price">3200</span>
                                <br>
                                <span class="little">电竞参考价:<i class="iconfont icon-renminbi"></i>--</span>
                                <br>
                                <a href="#">去团购</a>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="left">
                            <span>华为 mate10 128G</span>
                            <br>
                            <span class="little">官方正品</span>
                            <br>
                            <br>
                            <i class="iconfont icon-renminbi"></i><span class="price">3200</span>
                            <br>
                            <span class="little">剩余: <i class="red">0</i> 天<i class="red">0</i> 时<i class="red">0</i> 分<i class="red">0</i> 秒</span>
                        </div>
                        <div class="right">
                            <img src="images/荣耀畅玩7A.jpg" alt="">
                        </div>
                        <div class="hover">
                            <div class="hover-left">
                                <img src="images/荣耀畅玩7A.jpg" alt="">
                                <br>
                                <span>评测 | 视频 | 点评</span>
                            </div>
                            <div class="hover-right">
                                <span>华为 mate10 128</span>
                                <br>
                                <span class="little">团购价:</span><i class="iconfont icon-renminbi"></i><span class="price">3200</span>
                                <br>
                                <span class="little">电竞参考价:<i class="iconfont icon-renminbi"></i>--</span>
                                <br>
                                <a href="#">去团购</a>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="left">
                            <span>华为 mate10 128G</span>
                            <br>
                            <span class="little">官方正品</span>
                            <br>
                            <br>
                            <i class="iconfont icon-renminbi"></i><span class="price">3200</span>
                            <br>
                            <span class="little">剩余: <i class="red">0</i> 天<i class="red">0</i> 时<i class="red">0</i> 分<i class="red">0</i> 秒</span>
                        </div>
                        <div class="right">
                            <img src="images/荣耀畅玩7A.jpg" alt="">
                        </div>
                        <div class="hover">
                            <div class="hover-left">
                                <img src="images/荣耀畅玩7A.jpg" alt="">
                                <br>
                                <span>评测 | 视频 | 点评</span>
                            </div>
                            <div class="hover-right">
                                <span>华为 mate10 128</span>
                                <br>
                                <span class="little">团购价:</span><i class="iconfont icon-renminbi"></i><span class="price">3200</span>
                                <br>
                                <span class="little">电竞参考价:<i class="iconfont icon-renminbi"></i>--</span>
                                <br>
                                <a href="#">去团购</a>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="left">
                            <span>华为 mate10 128G</span>
                            <br>
                            <span class="little">官方正品</span>
                            <br>
                            <br>
                            <i class="iconfont icon-renminbi"></i><span class="price">3200</span>
                            <br>
                            <span class="little">剩余: <i class="red">0</i> 天<i class="red">0</i> 时<i class="red">0</i> 分<i class="red">0</i> 秒</span>
                        </div>
                        <div class="right">
                            <img src="images/荣耀畅玩7A.jpg" alt="">
                        </div>
                        <div class="hover">
                            <div class="hover-left">
                                <img src="images/荣耀畅玩7A.jpg" alt="">
                                <br>
                                <span>评测 | 视频 | 点评</span>
                            </div>
                            <div class="hover-right">
                                <span>华为 mate10 128</span>
                                <br>
                                <span class="little">团购价:</span><i class="iconfont icon-renminbi"></i><span class="price">3200</span>
                                <br>
                                <span class="little">电竞参考价:<i class="iconfont icon-renminbi"></i>--</span>
                                <br>
                                <a href="#">去团购</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-scrollbar"></div>
                <!-- Add Navigation -->
                <div class="swiper-button-prev swiper-button-white"></div>
                <div class="swiper-button-next swiper-button-white"></div>
            </div>
        </div>
        <br>
        <!--智选栏-->
        <div class="zhixuan">
            <div class="little-header">
                <div>
                    <p><i class="iconfont icon-jiangbei"></i>  智选</p>
                </div>
            </div>
            <div class="zhixuan-body">
                <div class="top">
                    <div class="left">
                        <ul>
                            <li id="radio"><span>影音</span></li>
                            <li id="clothes"><span>穿戴</span></li>
                            <li id="fitment"><span>家居</span></li>
                            <li id="trip"><span>出行</span></li>
                            <li id="beautiful"><span>美护</span></li>
                        </ul>
                        <img src="images/JBL耳机.jpg" alt="" class="big-img" id="big-img1">
                        <img src="images/360儿童电话手表.jpg" alt="" class="big-img" id="big-img2">
                        <img src="images/无限路由器.jpg" alt="" class="big-img" id="big-img3">
                        <img src="images/电竞游戏主板.jpg" alt="" class="big-img" id="big-img4">
                        <img src="images/乐心.jpg" alt="" class="big-img" id="big-img5">
                        <div>
                            <img src="images/漫步者音箱.jpg" alt="" class="little-img">
                            <div class="hover-img">
                                <span>漫步者R210V音箱</span>
                                <br>
                                <i class="iconfont icon-renminbi"></i><span class="price">150</span>
                                <br>
                                <a href="#">查看详情</a>
                                <br>
                                <br>
                                <span>评测 视频 点评</span>
                                <br>
                                <span>电商参考价:<i class="iconfont icon-renminbi"></i>暂无</span>
                            </div>
                        </div>
                        <div>
                            <img src="images/三星耳机.jpg" alt="" class="little-img">
                            <div class="hover-img">
                                <span>三星耳机</span>
                                <br>
                                <i class="iconfont icon-renminbi"></i><span class="price">31</span>
                                <br>
                                <a href="#">查看详情</a>
                                <br>
                                <br>
                                <span>评测 视频 点评</span>
                                <br>
                                <span>电商参考价:<i class="iconfont icon-renminbi"></i>暂无</span>
                            </div>
                        </div>
                        <div>
                            <img src="images/小米10000毫安移动电源.jpg" alt="" class="little-img">
                            <div class="hover-img">
                                <span>小米10000毫安移动电源</span>
                                <br>
                                <i class="iconfont icon-renminbi"></i><span class="price">99</span>
                                <br>
                                <a href="#">查看详情</a>
                                <br>
                                <br>
                                <span>评测 视频 点评</span>
                                <br>
                                <span>电商参考价:<i class="iconfont icon-renminbi"></i>暂无</span>
                            </div>
                        </div>
                        <div>
                            <img src="images/浩酷M1带麦耳机.jpg" alt="" class="little-img">
                            <div class="hover-img">
                                <span>浩酷M1带麦耳机</span>
                                <br>
                                <i class="iconfont icon-renminbi"></i><span class="price">105</span>
                                <br>
                                <a href="#">查看详情</a>
                                <br>
                                <br>
                                <span>评测 视频 点评</span>
                                <br>
                                <span>电商参考价:<i class="iconfont icon-renminbi"></i>暂无</span>
                            </div>
                        </div>
                    </div>
                    <div class="right">
                        <img src="images/DIY主机.jpg" class="big-img" alt="">
                        <img src="images/外设钜惠.jpg" class="big-img" alt="">
                        <img src="images/DIY配件.jpg" class="little-img" alt="">
                    </div>
                </div>
                <div class="bottom">
                    <img src="images/智能手环.jpg" alt="">
                    <img src="images/移动电源.jpg" alt="">
                </div>
            </div>
        </div>
        <br>
        <!--品牌精选栏-->
        <div class="jingxuan">
            <div class="little-header">
                <div>
                    <p><i class="iconfont icon-zhuanshi"></i>  品牌精选<span class="little"> 热门、低价、买实惠</span></p>
                </div>
            </div>
            <div class="jingxuan-body">
                <div class="jingxuan-item">
                    <img src="images/givemefive.jpg" class="first" alt="">
                </div>
                <div class="jingxuan-item">
                    <img src="images/DELLcomputer.jpg" class="similar" alt="">
                    <br>
                    <br>
                    <span>王俊凯 戴尔DELL游匣G3</span>
                    <br>
                    <br>
                    <span>RMB <span class="red">7499</span></span>
                </div>
                <div class="jingxuan-item">
                    <img src="images/DELLcomputer.jpg" class="similar" alt="">
                    <br>
                    <br>
                    <span>王俊凯 戴尔DELL游匣G3</span>
                    <br>
                    <br>
                    <span>RMB <span class="red">7499</span></span>
                </div>
                <div class="jingxuan-item">
                    <img src="images/DELLcomputer.jpg" class="similar" alt="">
                    <br>
                    <br>
                    <span>王俊凯 戴尔DELL游匣G3</span>
                    <br>
                    <br>
                    <span>RMB <span class="red">7499</span></span>
                </div>
                <div class="jingxuan-item">
                    <img src="images/DELLcomputer.jpg" class="similar" alt="">
                    <br>
                    <br>
                    <span>王俊凯 戴尔DELL游匣G3</span>
                    <br>
                    <br>
                    <span>RMB <span class="red">7499</span></span>
                </div>
            </div>
        </div>
        <br>
        <!--电子竞技栏-->
        <div class="computerGame">
            <div class="little-header">
                <div>
                    <p><i class="iconfont icon-dianziyouxi"></i>  电子竞技</p>
                </div>
                <div>
                    <span class="little">更多 <span class="iconfont icon-xiangyouyuanjiantouyoujiantouxiangyouxianxing"></span></span>
                </div>
            </div>
            <div class="similar-body">
                <div class="similar-body-item">
                    <div class="similar-body-header">
                        <div class="left">
                            <span>热门</span>
                        </div>
                        <div class="right">
                            <span id="game1">电子竞技</span>
                            <span id="game2">电竞外设</span>
                            <span id="game3">游戏本</span>
                        </div>
                    </div>
                    <div class="left-item" id="left-item1">
                        <img src="images/七代i5.jpg" class="big-img" alt="">
                        <div class="game">
                            <div class="game-item">
                                <img src="images/海盗船游戏鼠标.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/海盗船游戏鼠标.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/海盗船游戏鼠标.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                        </div>
                    </div>
                    <div class="left-item" id="left-item2">
                        <img src="images/电竞外设音箱.jpg" class="big-img" alt="">
                        <div class="game">
                            <div class="game-item">
                                <img src="images/AOC高清显示器.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/AOC高清显示器.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/AOC高清显示器.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                        </div>
                    </div>
                    <div class="left-item" id="left-item3">
                        <img src="images/游戏本apple.jpg" class="big-img" alt="">
                        <div class="game">
                            <div class="game-item">
                                <img src="images/联想小新.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/联想小新.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/联想小新.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="similar-body-item">
                    <div class="similar-body-header">
                        <div class="left">
                            <span>电竞DIY</span>
                        </div>
                    </div>
                    <div class="game">
                        <div class="game-item">
                            <img src="images/appleiMac.jpg" class="little-img" alt="">
                            <br>
                            <br>
                            <span>海盗船电竞鼠标</span>
                            <br>
                            <span class="iconfont icon-renminbi red">199.00</span>
                        </div>
                        <div class="game-item">
                            <img src="images/appleiMac.jpg" class="little-img" alt="">
                            <br>
                            <br>
                            <span>海盗船电竞鼠标</span>
                            <br>
                            <span class="iconfont icon-renminbi red">199.00</span>
                        </div>
                        <div class="game-item">
                            <img src="images/appleiMac.jpg" class="little-img" alt="">
                            <br>
                            <br>
                            <span>海盗船电竞鼠标</span>
                            <br>
                            <span class="iconfont icon-renminbi red">199.00</span>
                        </div>
                    </div>
                    <div class="game">
                        <div class="game-item">
                            <img src="images/appleiMac.jpg" class="little-img" alt="">
                            <br>
                            <br>
                            <span>海盗船电竞鼠标</span>
                            <br>
                            <span class="iconfont icon-renminbi red">199.00</span>
                        </div>
                        <div class="game-item">
                            <img src="images/appleiMac.jpg" class="little-img" alt="">
                            <br>
                            <br>
                            <span>海盗船电竞鼠标</span>
                            <br>
                            <span class="iconfont icon-renminbi red">199.00</span>
                        </div>
                        <div class="game-item">
                            <img src="images/appleiMac.jpg" class="little-img" alt="">
                            <br>
                            <br>
                            <span>海盗船电竞鼠标</span>
                            <br>
                            <span class="iconfont icon-renminbi red">199.00</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <br>
        <!--家电栏-->
        <div class="jiadian">
            <div class="little-header">
                <div>
                    <p><i class="iconfont icon-xiyiji"></i>  家电优选</p>
                </div>
            </div>
            <div class="similar-body">
                <div class="similar-body-item">
                    <img src="images/家电狂欢.jpg" alt="">
                    <img src="images/美的.jpg" alt="" style="width: 120px;height: 60px;margin:10px 10px">
                    <img src="images/美的.jpg" alt="" style="width: 120px;height: 60px;margin:10px 10px">
                    <img src="images/美的.jpg" alt="" style="width: 120px;height: 60px;margin:10px 10px">
                    <img src="images/美的.jpg" alt="" style="width: 120px;height: 60px;margin:10px 10px">
                    <img src="images/美的.jpg" alt="" style="width: 120px;height: 60px;margin:10px 10px">
                    <img src="images/美的.jpg" alt="" style="width: 120px;height: 60px;margin:10px 10px">
                    <img src="images/美的.jpg" alt="" style="width: 120px;height: 60px;margin:10px 10px">
                    <img src="images/美的.jpg" alt="" style="width: 120px;height: 60px;margin:10px 10px">
                </div>
                <div class="similar-body-item">
                    <div class="similar-body-header">
                        <div class="left">
                            <span>家电</span>
                        </div>
                        <div class="right">
                            <span id="tv">彩电</span>
                            <span id="iceBOx">冰箱</span>
                            <span id="washing">洗衣机</span>
                            <span id="kitchen">厨卫</span>
                            <span id="littleHousehold">小家电</span>
                        </div>
                    </div>
                    <div class="left-item" id="left-item4">
                        <div class="game">
                            <div class="game-item">
                                <img src="images/创维32x32.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/创维32x32.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/创维32x32.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                        </div>
                        <div class="game">
                            <div class="game-item">
                                <img src="images/创维32x32.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/创维32x32.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/创维32x32.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                        </div>
                    </div>
                    <div class="left-item" id="left-item5">
                        <div class="game">
                            <div class="game-item">
                                <img src="images/美的冰箱.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/美的冰箱.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/美的冰箱.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                        </div>
                        <div class="game">
                            <div class="game-item">
                                <img src="images/美的冰箱.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/美的冰箱.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/美的冰箱.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                        </div>
                    </div>
                    <div class="left-item" id="left-item6">
                        <div class="game">
                            <div class="game-item">
                                <img src="images/美的洗衣机.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/美的洗衣机.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/美的洗衣机.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                        </div>
                        <div class="game">
                            <div class="game-item">
                                <img src="images/美的洗衣机.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/美的洗衣机.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/美的洗衣机.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                        </div>
                    </div>
                    <div class="left-item" id="left-item7">
                        <div class="game">
                            <div class="game-item">
                                <img src="images/方太cxw.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/方太cxw.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/方太cxw.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                        </div>
                        <div class="game">
                            <div class="game-item">
                                <img src="images/方太cxw.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/方太cxw.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/方太cxw.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                        </div>
                    </div>
                    <div class="left-item" id="left-item8">
                        <div class="game">
                            <div class="game-item">
                                <img src="images/美的电压力锅.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/美的电压力锅.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/美的电压力锅.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                        </div>
                        <div class="game">
                            <div class="game-item">
                                <img src="images/美的电压力锅.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/美的电压力锅.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                            <div class="game-item">
                                <img src="images/美的电压力锅.jpg" class="little-img" alt="">
                                <br>
                                <br>
                                <span>海盗船电竞鼠标</span>
                                <br>
                                <span class="iconfont icon-renminbi red">199.00</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <br>
        <!--数码潮品栏-->
        <div class="shuma">
            <div class="little-header">
                <div>
                    <p><i class="iconfont icon-baobao"></i>  数码潮品<span class="little"> 潮流、前端、黑科技</span></p>
                </div>
                <div>
                    <span class="little">更多 <span class="iconfont icon-xiangyouyuanjiantouyoujiantouxiangyouxianxing"></span></span>
                </div>
            </div>
            <div class="similar-body">
                <div class="similar-body-item">
                    <div class="similar-body-header">
                        <div class="left">
                            <span>摄影/摄像</span>
                        </div>
                    </div>
                    <div class="game">
                        <div class="game-item">
                            <img src="images/佳能eos.jpg" class="little-img" alt="">
                            <br>
                            <br>
                            <span>海盗船电竞鼠标</span>
                            <br>
                            <span class="iconfont icon-renminbi red">199.00</span>
                        </div>
                        <div class="game-item">
                            <img src="images/佳能eos.jpg" class="little-img" alt="">
                            <br>
                            <br>
                            <span>海盗船电竞鼠标</span>
                            <br>
                            <span class="iconfont icon-renminbi red">199.00</span>
                        </div>
                        <div class="game-item">
                            <img src="images/佳能eos.jpg" class="little-img" alt="">
                            <br>
                            <br>
                            <span>海盗船电竞鼠标</span>
                            <br>
                            <span class="iconfont icon-renminbi red">199.00</span>
                        </div>
                    </div>
                    <div class="game">
                        <div class="game-item">
                            <img src="images/佳能eos.jpg" class="little-img" alt="">
                            <br>
                            <br>
                            <span>海盗船电竞鼠标</span>
                            <br>
                            <span class="iconfont icon-renminbi red">199.00</span>
                        </div>
                        <div class="game-item">
                            <img src="images/佳能eos.jpg" class="little-img" alt="">
                            <br>
                            <br>
                            <span>海盗船电竞鼠标</span>
                            <br>
                            <span class="iconfont icon-renminbi red">199.00</span>
                        </div>
                        <div class="game-item">
                            <img src="images/佳能eos.jpg" class="little-img" alt="">
                            <br>
                            <br>
                            <span>海盗船电竞鼠标</span>
                            <br>
                            <span class="iconfont icon-renminbi red">199.00</span>
                        </div>
                    </div>
                </div>
                <div class="similar-body-item">
                    <div class="similar-body-header">
                        <div class="left">
                            <span>笔记本/平板</span>
                        </div>
                    </div>
                    <div class="game">
                        <div class="game-item">
                            <img src="images/惠普暗影精灵.jpg" class="little-img" alt="">
                            <br>
                            <br>
                            <span>海盗船电竞鼠标</span>
                            <br>
                            <span class="iconfont icon-renminbi red">199.00</span>
                        </div>
                        <div class="game-item">
                            <img src="images/惠普暗影精灵.jpg" class="little-img" alt="">
                            <br>
                            <br>
                            <span>海盗船电竞鼠标</span>
                            <br>
                            <span class="iconfont icon-renminbi red">199.00</span>
                        </div>
                        <div class="game-item">
                            <img src="images/惠普暗影精灵.jpg" class="little-img" alt="">
                            <br>
                            <br>
                            <span>海盗船电竞鼠标</span>
                            <br>
                            <span class="iconfont icon-renminbi red">199.00</span>
                        </div>
                    </div>
                    <div class="game">
                        <div class="game-item">
                            <img src="images/惠普暗影精灵.jpg" class="little-img" alt="">
                            <br>
                            <br>
                            <span>海盗船电竞鼠标</span>
                            <br>
                            <span class="iconfont icon-renminbi red">199.00</span>
                        </div>
                        <div class="game-item">
                            <img src="images/惠普暗影精灵.jpg" class="little-img" alt="">
                            <br>
                            <br>
                            <span>海盗船电竞鼠标</span>
                            <br>
                            <span class="iconfont icon-renminbi red">199.00</span>
                        </div>
                        <div class="game-item">
                            <img src="images/惠普暗影精灵.jpg" class="little-img" alt="">
                            <br>
                            <br>
                            <span>海盗船电竞鼠标</span>
                            <br>
                            <span class="iconfont icon-renminbi red">199.00</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <br>
        <!--本周热销栏-->
        <div class="weekHot">
            <div class="hotHeader">
                <span>本周热销</span>
            </div>
            <div class="week-body">
                <div class="week-item">
                    <img src="images/华为Nova.jpg" alt="">
                    <br>
                    <br>
                    <span>[顺丰包邮+送壳膜]华为..</span>
                    <span class="iconfont icon-renminbi red">199.00</span>
                </div>
                <div class="week-item">
                    <img src="images/华为Nova.jpg" alt="">
                    <br>
                    <br>
                    <span>[顺丰包邮+送壳膜]华为..</span>
                    <span class="iconfont icon-renminbi red">199.00</span>
                </div>
                <div class="week-item">
                    <img src="images/华为Nova.jpg" alt="">
                    <br>
                    <br>
                    <span>[顺丰包邮+送壳膜]华为..</span>
                    <span class="iconfont icon-renminbi red">199.00</span>
                </div>
                <div class="week-item">
                    <img src="images/华为Nova.jpg" alt="">
                    <br>
                    <br>
                    <span>[顺丰包邮+送壳膜]华为..</span>
                    <span class="iconfont icon-renminbi red">199.00</span>
                </div>
                <div class="week-item">
                    <img src="images/华为Nova.jpg" alt="">
                    <br>
                    <br>
                    <span>[顺丰包邮+送壳膜]华为..</span>
                    <span class="iconfont icon-renminbi red">199.00</span>
                </div>
                <div class="week-item">
                    <img src="images/华为Nova.jpg" alt="">
                    <br>
                    <br>
                    <span>[顺丰包邮+送壳膜]华为..</span>
                    <span class="iconfont icon-renminbi red">199.00</span>
                </div>
                <div class="week-item">
                    <img src="images/华为Nova.jpg" alt="">
                    <br>
                    <br>
                    <span>[顺丰包邮+送壳膜]华为..</span>
                    <span class="iconfont icon-renminbi red">199.00</span>
                </div>
                <div class="week-item">
                    <img src="images/华为Nova.jpg" alt="">
                    <br>
                    <br>
                    <span>[顺丰包邮+送壳膜]华为..</span>
                    <span class="iconfont icon-renminbi red">199.00</span>
                </div>
                <div class="week-item">
                    <img src="images/华为Nova.jpg" alt="">
                    <br>
                    <br>
                    <span>[顺丰包邮+送壳膜]华为..</span>
                    <span class="iconfont icon-renminbi red">199.00</span>
                </div>
                <div class="week-item">
                    <img src="images/华为Nova.jpg" alt="">
                    <br>
                    <br>
                    <span>[顺丰包邮+送壳膜]华为..</span>
                    <span class="iconfont icon-renminbi red">199.00</span>
                </div>
            </div>
        </div>
    </div>
    <!--底部-->
    <div class="footers">
    </div>
</div>
</body>
</html>

<script>
    $(function () {
        //        加载头部html
//        $("#headers").load("header.html");
        $( "#headers").load( "header.html", function () {return false;});
//        加载底部html
        $(".footers").load("footer.html");
    })
</script>